<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台">
    <meta name="keywords" content="小兔鲜儿，食品，生鲜，服装，家电，电商，购物">
    <title>小兔鲜儿-新鲜、惠民、快捷！</title>
    <link rel="shortcut icon" href="./favicon.ico">
    <link rel="stylesheet" href="./base.css">
    <link rel="stylesheet" href="./common.css">
    <link rel="stylesheet" href="./index.css">

</head>

<body>
    <div>
        <div class="shortcut">
            <div class="wrapper">
                <ul>
                    <li><a href="#">请先登录</a></li>
                    <li><a href="#">免费注册</a></li>
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">会员中心</a></li>
                    <li><a href="#">帮助中心</a></li>
                    <li><a href="#">在线客服</a></li>
                    <li><a href="#"><span></span>手机版</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- <头部> -->
    <div class="header wrapper">
        <div class="logo">
            <h1><a href="#">小兔鲜儿</a></h1>
        </div>
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="#">生鲜</a></li>
                <li><a href="#">美食</a></li>
                <li><a href="#">餐厨</a></li>
                <li><a href="#">电器</a></li>
                <li><a href="#">居家</a></li>
                <li><a href="#">洗护</a></li>
                <li><a href="#">孕婴</a></li>
                <li><a href="#">服装</a></li>

            </ul>
        </div>
        <div class="search">
            <input text="text" placeholder="搜一搜">
            <span></span>
        </div>
        <div class="car"><img src="image\\4.png"></div>
    </div>

    <!-- <!banner> -->
    <div class="banner">
        <div class="wrapper">
            <ul>
                <li><a href="#"><img src="image\banner_1.png"></a></li>
            </ul>

            <!-- 侧导航 -->
            <div class="aside">
                <ul>
                    <li><a href="#">生鲜<span>水果 蔬菜</span></a></li>
                    <li><a href="#">美食<span>面点 水果</span></a></li>
                    <li><a href="#">电器<span>数据产品</span></a></li>
                    <li><a href="#">居家<span>床品 四件套 被枕</span></a></li>
                    <li><a href="#">洗护<span>洗发洗护 美妆</span></a></li>
                    <li><a href="#">孕婴<span>奶粉 玩具 辅食</span></a></li>
                    <li><a href="#">餐厨<span>数码产品</span></a></li>
                    <li><a href="#">服饰<span>女装 男装</span></a></li>
                    <li><a href="#">杂货<span>户外 图书</span></a></li>
                    <li><a href="#">品牌<span>品牌制造</span></a></li>
                </ul>
            </div>
            <a href="#" class="prev"></a>
            <a href="#" class="next"></a>
            <ol>
                <li></li>
                <li></li>
                <li class="current"></li>
                <li></li>
                <li></li>
            </ol>

        </div>
    </div>

    <!-- 新鲜好物 -->
   
    <div class="goods wrapper">
        <!-- 头部 -->
        <div class="hd">
            <h2>新鲜好物<span>新鲜出炉 品质靠谱</span></h2>
            <a href="#">查看全部</a>
        </div>
         <!-- 身体 -->
          <div class="bd clearfix">
            <ul>
                <li>
                    <a href="#">
                        <img src="image\new_goods_1.jpg" alt="">
                        <h3>智米无线吸尘器</h3>
                        <div>￥<span>899</span></div>
                        <b>新品</b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image\new_goods_2.jpg" alt="">
                        <h3>智能环绕3D空调</h3>
                        <div>￥<span>1299</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image\new_goods_3.jpg" alt="">
                        <h3>广东软软糯米饭</h3>
                        <div>￥<span>129</span></div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image\new_goods_4.jpg" alt="">
                        <h3>罗西机械智能手表</h3>
                        <div>￥<span>3399</span></div>
                    </a>
                </li>
            </ul>
          </div> 
    </div>
</div>


    <div class="goods wrapper">
        <!-- 头部 -->
        <div class="hd">
            <h2>人气推荐<span>人气爆款 不容错过</span></h2>
            <!-- <a href="#">查看全部</a> -->
        </div>
         <!-- 身体 -->
          <div class="bd clearfix">
            <ul>
                <li class="se-row">
                    <a href="#">
                        <img src="image/popular_1.jpg" alt="">
                        <h3>特惠推荐</h3>
                        <span>我猜得到 你的需要</span>
                       
                    </a>
                </li>
                <li  class="se-row">
                    <a href="#">
                        <img src="image/popular_2.jpg" alt="">
                        <h3>爆款推荐</h3>
                        <span>人气好物推荐</span>
                    </a>
                </li>
                <li  class="se-row">
                    <a href="#">
                        <img src="image/popular_3 (1).jpg" alt="">
                        <h3>场景使用一站买全</h3>
                        <span>编辑精心整理推荐</span>
                    </a>
                </li>
                <li  class="se-row">
                    <a href="#">
                        <img src="image/new_goods_4.jpg" alt="">
                        <h3>领卷中心</h3>
                        <span>发现更多优惠卷</span>
                    </a>
                </li>
            </ul>
          </div> 
    </div>



    <div class="color">
    <div class="goods wrapper">
        <!-- 头部 -->
        <div class="hd">
            <h2>热门品牌<span>国际经典 品质保证</span></h2>
            <a href="#"></a>
        </div>
  
         <!-- 身体 -->
          <div class="bd clearfix">
            <ul>
                <li>
                    <a href="#">
                        <img src="image/brand_goods_1.jpg" alt="" class="ttt">
                    
                       
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image/brand_goods_2.jpg" alt=""  class="ttt" >
                     
                    </a>
                </li>    
                <li>
                    <a href="#">
                        <img src="image/brand_goods_3.jpg" alt=""  class="ttt">
                     
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="image/brand_goods_4.jpg" alt=""  class="ttt">
                      
                    </a>
                </li>
             
          </div> 
    </div>
</div>

<div class="shengxian wrapper">
    <div class="hb">
        <h2>生鲜</h2>
        <a href="#" class="more">查看全部</a>
        <ul>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
        </ul>
    </div>
    <div class="bd clearfix">
        <div class="left">
            <a href="#"><img src="image\preview.png"></a>
        </div>
        <div class="right">
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_1.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_2.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_3.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_4.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_5.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_6.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_7.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_8.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="shengxian wrapper">
    <div class="hb">
        <h2>服饰</h2>
        <a href="#" class="more">查看全部</a>
        <ul>
            <li><a href="bd">运动裤</a></li>
            <li><a href="bd">卫衣/套头衫</a></li>
            <li><a href="bd">运动夹克/风衣</a></li>
            <li><a href="bd">运动T恤</a></li>
            <li><a href="bd">运动套装</a></li>
            <li><a href="bd">运动羽绒服</a></li>
            <li><a href="bd">运动佩饰</a></li>
        </ul>
    </div>
    <div class="bd clearfix">
        <div class="left">
            <a href="#"><img src="image/preview.png"></a>
        </div>
        <div class="right">
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/clothes_goods_1.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/clothes_goods_2.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/clothes_goods_3.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/clothes_goods_4.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/clothes_goods_5.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/clothes_goods_6.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/clothes_goods_7.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/clothes_goods_7.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="shengxian wrapper">
    <div class="hb">
        <h2>生鲜</h2>
        <a href="#" class="more">查看全部</a>
        <ul>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
            <li><a href="bd">水果</a></li>
        </ul>
    </div>
    <div class="bd clearfix">
        <div class="left">
            <a href="#"><img src="image\preview.png"></a>
        </div>
        <div class="right">
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_1.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_2.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_3.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_4.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_5.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_6.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_7.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="pic">
                        <a href="#">
                            <img src="image/fresh_goods_8.jpg" alt="" class="ttt">
                        </a>
                    </div>
                    <h4>
                        红功夫 麻辣小龙虾
                        5kg
                        4-6钱/25-32只
                    </h4> 
                    <p>火锅食材</p>
                    <div class="pice">
                        ￥<span>169</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

    <div class="footer">
        <div class="wrapper">
            <div class="top">
                <ul>
                    <li>
                        <span>价格亲民</span>

                    </li>
                    <li>
                        <span>物流快捷</span>
                    </li>
                    <li>
                        <span>品质新鲜</span>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <p>
                    <a href="#">关于我们</a>
                    <a href="#">帮助中心</a>
                    <a href="#">售后服务</a>
                    <a href="#">配送与验收</a>
                    <a href="#"> 商务合作</a>
                    <a href="#">搜索推荐</a>
                    <a href="#"> 友情链接</a>
                </p>
                <p>
                    CopyRight @ 小兔鲜儿
                </p>
            </div>
        </div>
    </div>
</body>

</html>6